<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>This is the template</title>
</head>
<body>

<style type="text/css">
div1 {border:thin solid green;}
#list {height:20px;border:thin solid green; margin:0px;padding:0px}
#list > li {text-align:center;float:left; margin:2px; border:1px solid black; border-bottom:none;}
.current {background-color:#CCFFFF;color:white;width:50px; }
.grad-box {background-color:#eeeeee;color:#00CCFF;width:50px;border-bottom:thin solid blue;}
</style>
<div jwfid="TabsContainer">

	<div style="border:1px solid #C4C2C2">
		<div id="header" >
			<ul id="list" jwfclass="title,list">
			   <li jwfclass="item," ><a jwfclass="name"  href="#" >tab1</a><a style="display:none;" jwfclass="closeButton"  href="#" >[X]</a></li>
			   <li jwfclass="item," class="current"><a    href="#" >tab2</a><a jwfclass="closeButton"  href="#" >[X]</a></li>
			   <li jwfclass="item," ><a    href="#"  >tab3</a><a jwfclass="closeButton"  href="#" >[X]</a></li>
			</ul>
		</div>
	
		<div jwfclass="content" style=" height:100px;background-color:#CCFFFF"></div>
	</div>

</div>


</body>
</html>